<!--
 * @Author: your name
 * @Date: 2022-02-13 09:40:14
 * @LastEditTime: 2022-02-15 18:13:35
 * @LastEditors: DESKTOP-EH1PJNP
 * @Description: In User Settings Edit
 * @FilePath: \xxtx_ui-demod:\Qweb\html\remake\html\index.html
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>网易严选</title>
    <link rel="stylesheet" href="../css/wyyx.css">
    <!-- 引入字体图标 -->
    <link rel="stylesheet" href="../css/font/demo_index.html">
    <link rel="stylesheet" href="../css/font/iconfont.css">
</head>
<body>
    <!-- header -->
    <div class="header">
        <!-- top -->
        <div class="top">
            <!-- 固定显示内容 -->
            <div class="wapper">
                <div class="left">
                    <i class="iconfont icon-tongzhi"></i>
                    <a href="">因疫情影响，部分地区无法配送公告</a>
                </div>
                <div class="right">
                    <div>
                        <a href="">登录/注册</a>
                    </div>
                    <div>
                        <a href="">我的订单</a>
                    </div>
                    <div>
                        <a href="">会员</a>
                    </div>
                    <div>
                        <a href="">甄选家</a>
                    </div>
                    <div>
                        <a href="">企业采购
                        <i class="iconfont icon-xiangxia"></i>
                    </a>
                    </div>
                    <div>
                        <a href="">客户服务
                        <i class="iconfont icon-xiangxia"></i>
                        </a>
                    </div>
                    <div>
                        <a href=""><i class="iconfont icon-shouji"></i>
                        APP</a>
                    </div>
                    
                    
                    
                    
                    
                    
                    
                </div>
            </div>
            <!-- 固定显示内容结束 -->
        </div>
        <!-- top结束 -->
        <!-- bottom -->
        <div class="bottom">
            <div class="wapper">
              <!-- search -->
              <div class="search">

              </div>
              <!-- search结束 -->
              <!-- menu -->
              <div class="menu">

              </div>
              <!-- menu结束 -->
            </div>
          <!-- search -->
          <!-- search结束 -->
          <!-- menu -->
          <!-- menu结束 -->
        </div>
        <!-- bottom结束 -->
    </div>
    <!-- header结束 -->
    <!-- content -->
    <div class="content">
       <div class="wapper">
        <div class="popularity">
            <div class="header">
                <h3 class="name">人气推荐</h3>
                <div class="headerLeft checked" >编辑推荐</div>
                <div class="headerLeft">热销总榜</div>
                <div class="headerRight">更多推荐></div>
            </div>
            <div class="product">
                <div id="productItemFirst" class="productItem">
                    <img src="https://yanxuan-item.nosdn.127.net/ff10d4706b3f118bd24b1bbb16315180.png?type=webp&quality=95&thumbnail=320x320&imageView" alt="图片丢失">
                  <div class="title">
                      <h4 class="name1">【任选专享】虎皮凤爪</h4>
                      <p class="price1">¥22</p>               
                  </div>
                </div>
                <div id="productItemSecond" class="productItem">
                    <img src="https://yanxuan-item.nosdn.127.net/d321d9d51d6b742521eb4cfcd33d62b5.png?type=webp&quality=95&thumbnail=180y180&imageView" alt="图片丢失">
                    <div class="title2">
                        <h4 class="name2">“酥脆咖啡”饼干 意式340克+美式340克</h4>
                        <p class="price2">¥22</p>               
                    </div>
                </div>
                <div class="productItem">3</div>
                <div class="productItem">4</div>
                <div class="productItem">5</div>
                <div class="productItem">6</div>
                <div class="productItem">7</div>
            </div>
        </div>
       </div>
    </div>
    <!-- content结束 -->
    <!-- footer -->
    <div class="footer">

    </div>
    <!-- footer结束 -->
</body>
</html>
